<template>
	<view class="search-bar-com">
		<uni-easyinput prefixIcon="search" v-model="value" @change="change" :placeholder="placeholder" @confirm="confirm" @iconClick="iconClick" @input="input"></uni-easyinput>
	</view>
</template>

<script>

	export default {
		name:"SearchBarCom",
		props:['placeholder'],
		data() {
			return {
				value:''
			};
		},
		onLoad() {
			uni.setNavigationBarTitle({
				title:'分时段预约名单'+'000'
			})
		},
		methods:{
			iconClick(){
				console.log('ee')
			},
			async confirm(){
				this.$emit('confirm',{keywords:this.value})
				
				
			},
			change(){
				console.log('dd')
			},
			input(e){
				console.log(e,'input')
				this.value = e
			}
		}
	}
</script>

<style lang="scss">
.search-bar-com{
	width: 100%;
	// border: 1px solid #000;
}
</style>